<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Drug Brand Details</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/drugbrand/drugbrand.js"></script>
</head>
<body class="metro view">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="drugbrand-detail-container" class="detail-container">
            	<%-- header-container --%>
	       		<s:set var="mode" value="'details'"/>
	   			<jsp:include page="/WEB-INF/content/drugbrand/DrugBrandMenuContainer.jsp" flush="true"/>
                
        		<div id="drugbrand-detail-header-container" class="detail-header-container">
                	<div id="drugbrand-detail-tile-container" style="border:hidden">
                        <div class="main-detail-tile-container tile double-vertical full-width no-link">
                            <div class="main-detail-image bg-green place-left">
                                <img class="list-icon" src="${contextPath}/img/icon/Medicine-128.png"/>
                            </div>
                            <div class="main-detail-title">
                                <div class="header">${guiDrugBrand.name}</div>
                            </div>
                        </div>      			
        			<br clear="all"/>
        			</div>
   
   					<%--<div id="drug-list-container" class="list-container">
                        <h1 class="fg-orange">
                            <a href="${contextPath}/drug/list" data-hint="go to drug list">
                                <i class="icon-arrow-left-3 on-left smaller"></i>
                            </a>
                            List
                            <small class="on-right fg-brown">drug brands</small>
                        </h1>
                        <div class="listview-outlook">
                            <s:iterator var="oGuiDrug" value="%{guiDrugList}">
                                <a href="${contextPath}/drug/show?id=${oGuiDrug.drugId}" class="list">
                                    <div class="list-content">
                                        <span class="list-title">${oGuiDrug.name}</span>
                                        <span class="list-subtitle">Minimum Amount: ${oGuiDrug.minimum}</span>
                                        <span class="list-remark">${oGuiDrug.weight}mg</span>
                                    </div>
                                </a>
                            </s:iterator>
                        </div>
                    </div> --%>                 
        		</div>
                
			</div>    
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>
